<template>
    <div class="righthead">
        <!-- <b>{{ $router.meta.title }} </b> -->
        <div class="right1">
            <el-avatar class="head" :size="50" :src="photo"></el-avatar>
            <div class="right2">
                <el-tooltip effect="light" content="修改密码" placement="bottom">
                    <div slot="content" @click="dialogFormVisible=true">修改密码</div>
                    <span class="name">{{nickName}}</span>
                </el-tooltip>
                <span class="cursor">{{ShowuserName}}</span>
                <span class="hello">,你好</span>
                <el-button type="danger" class="button" size="small" round icon="el-icon-switch-button" @click="logout">退出</el-button>
            </div> 
        </div>
    </div>
</template>

<script>
export default {
    name: 'PageHeader',
}
</script>

<style>

</style>